<template>
    <h1>我是APP组件</h1>

    <!-- <MyCom /> -->
    <MyCom>
        给组件1传入文本
    </MyCom>

    <MyCom2>
        给组件2的插槽传入文本，需要展示
    </MyCom2>


    <MyCom3>
        <template #title>
            <p>弹出框的标题</p>
        </template>
        <template #showmsg>
            <p>弹出框的提示文本</p>
        </template>
        <template #default>
            传递给没有名字的插槽
        </template>
    </MyCom3>
</template>

<script>
import MyCom from './component/my_com.vue'
import MyCom2 from './component/my_com2.vue'
import MyCom3 from './component/my_com3.vue'
export default {
    components: {
        MyCom,
        MyCom2,
        MyCom3,
    }
};
</script>

<style scoped></style>
